{extend name="HomePublic/public"}
{block name="title"}爱上零食屋官网{/block}
<!-- 显示轮播图 -->
{block name="carousel"}
  <!--轮播 --> 
   <div class="am-slider am-slider-default scoll" data-am-flexslider="" id="demo-slider-0"> 
    <ul class="am-slides">
    {foreach name="carousel" item="car"}
      <li class="banner1" style="background:#FFFFFF;"><a href="/home/index"><img src="\uploads\{$car['pic']}" style="width:818px;height:404px;"/></a></li>
    {/foreach} 
    </ul>
  </div> 
  <div class="clear"></div>  
{/block}
{block name="content"}
 <body> 
  
   
    <!--侧边导航 --> 
    <div id="nav" class="navfull"> 
     <div class="area clearfix"> 
      <div class="category-content" id="guide_2"> 
       <div class="category">
        {foreach name="cate" item="row"}
        <ul class="category-list" id="js_climit_li"> 
         <li class="appliance js_toggle relative first"> 
         
          <div class="category-info"> 
           <h3 class="category-name b-category-name"><i><img src="/static/home/images/cake.png" /></i><a class="ml-22" title="点心">{$row['name']}</a></h3> 
           <em>&gt;</em>
          </div> 
          <div class="menu-item menu-in top"> 
           <div class="area-in"> 
            <div class="area-bg"> 
             <div class="menu-srot"> 
              <div class="sort-side"> 
              {foreach name="row['shop']" item="rows"}
               <dl class="dl-sort"> 
                <dt>
                 <span title="蛋糕">{$rows['name']}</span>
                </dt> 
                {foreach name="rows['shop']" item="rowss"}
                <dd>
                 <a title="蒸蛋糕" href="/home/category/id/{$rowss['id']}"><span>{$rowss['name']}</span></a>
                </dd> 
                {/foreach}
               </dl> 
               {/foreach}             </div> 
             </div> 
            </div> 
           </div> 
          </div> </li> 
        </ul>
         {/foreach}
       </div> 
      </div>
     </div> 
    </div> 
    <!--轮播--> 
    <script type="text/javascript">
							(function() {
								$('.am-slider').flexslider();
							});
							$(document).ready(function() {
								$("li").hover(function() {
									$(".category-content .category-list li.first .menu-in").css("display", "none");
									$(".category-content .category-list li.first").removeClass("hover");
									$(this).addClass("hover");
									$(this).children("div.menu-in").css("display", "block")
								}, function() {
									$(this).removeClass("hover")
									$(this).children("div.menu-in").css("display", "none")
								});
							})
						</script> 
    <!--小导航 --> 
    <div class="am-g am-g-fixed smallnav"> 
     <div class="am-u-sm-3"> 
      <a href="sort.html"><img src="/static/home/images/navsmall.jpg" /> 
       <div class="title">
        商品分类
       </div> </a> 
     </div> 
     <div class="am-u-sm-3"> 
      <a href="#"><img src="/static/home/images/huismall.jpg" /> 
       <div class="title">
        大聚惠
       </div> </a> 
     </div> 
     <div class="am-u-sm-3"> 
      <a href="#"><img src="/static/home/images/mansmall.jpg" /> 
       <div class="title">
        个人中心
       </div> </a> 
     </div> 
     <div class="am-u-sm-3"> 
      <a href="#"><img src="/static/home/images/moneysmall.jpg" /> 
       <div class="title">
        投资理财
       </div> </a> 
     </div> 
    </div> 
    <!--走马灯 --> 
    <div class="marqueen" style="position:relative;top:2px;left:1000px;"> 
     <span class="marqueen-title">商 城 公 告</span> 
     <div class="demo"> 
      <ul>
      {foreach name="notice" item="not"} 
        <li class="title-first"><a target="_blank" href="/home/notice/id/{$not['id']}"> <span>[公告]</span>{$not['title']}</a></li>
      {/foreach} 
       <!-- <li class="title-first"><a target="_blank" href="#"> <img src="/static/home/images/TJ2.jpg" /> <span>[特惠]</span>商城爆品1分秒 </a></li> --> 
       <!-- <li class="title-first"><a target="_blank" href="#"> <span>[公告]</span>商城与广州市签署战略合作协议 <img src="/static/home/images/TJ.jpg" /> <p>XXXXXXXXXXXXXXXXXX</p> </a></li>  -->
       <!-- <div class="mod-vip"> 
        <div class="m-baseinfo"> 
         <a href="/static/home/person/index.html"> <img src="/static/home/images/getAvatar.do.jpg" /> </a> 
         <em> Hi,<span class="s-name">小叮当</span> <a href="#"><p>点击更多优惠活动</p></a> </em> 
        </div> 
        <div class="member-logout"> 
         <a class="am-btn-warning btn" href="login.html">登录</a> 
         <a class="am-btn-warning btn" href="register.html">注册</a> 
        </div> 
        <div class="member-login"> 
         <a href="#"><strong>0</strong>待收货</a> 
         <a href="#"><strong>0</strong>待发货</a> 
         <a href="#"><strong>0</strong>待付款</a> 
         <a href="#"><strong>0</strong>待评价</a> 
        </div> 
        <div class="clear"></div> 
       </div>  -->
       <!-- <li><a target="_blank" href="#"><span>[特惠]</span>洋河年末大促，低至两件五折</a></li> 
       <li><a target="_blank" href="#"><span>[公告]</span>华北、华中部分地区配送延迟</a></li> 
       <li><a target="_blank" href="#"><span>[特惠]</span>家电狂欢千亿礼券 买1送1！</a></li>  -->
      </ul> 
      <div class="advTip">
       <img src="/static/home/images/advTip.jpg" />
      </div> 
     </div> 
    </div> 
    <div class="clear"></div> 
   </div> 
   <script type="text/javascript">
					if ($(window).width() < 640) {
						function autoScroll(obj) {
							$(obj).find("ul").animate({
								marginTop: "-39px"
							}, 500, function() {
								$(this).css({
									marginTop: "0px"
								}).find("li:first").appendTo(this);
							})
						}
						$(function() {
							setInterval('autoScroll(".demo")', 3000);
						})
					}
				</script> 
  </div> 
  <div class="shopMainbg" > 
   <div class="shopMain" id="shopmain"> 
    <!--今日推荐 -->
    <div id="hidden">
      <div style="width:110px;position:relative;top:-25px;left:15px;cursor:pointer;" id="advert">关闭广告</div>
      {foreach name="advert" item="adv"} 
       <div class="am-u-sm-4 am-u-lg-3 "> 
        <div class="recommendationMain one">
         <a href="{$adv['url']}" target="_black">
         <img src="/uploads/{$adv['pic']}"  style="width:275px;height:150px;"/>
         </a> 
        </div> 
       </div>
       {/foreach}
      <div class="clear "></div>
    </div>
<!-- 点击隐藏广告 -->
<script>
  $("#advert").click(function(){
    $("#hidden").hide(1000);
});
</script> 
<!--商品列表-->
{foreach name="cate" item="cat"} 
{if condition="!empty($cat['shop'][0]['shop'][0])"}
<div id="f1">
     <div class="am-container "> 
      <div class="shopTitle "> 
       <h4>{$cat['name']}</h4> 
       <div class="today-brands">
    {foreach name="cat['shop']" item="cats"} 
       {foreach name="cats['shop']" item="catss"} 
        <a href="#" class="catss" cid="{$catss['id']}" name="{$cat['id']}">{$catss['name']}</a>
       {/foreach}
    {/foreach} 
       </div> 
       <span class="more "> <a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;"></i></a> </span> 
      </div> 
     </div>

     <div class="am-g am-g-fixed floodFour">
<!-- 遍历商品 -->
  {foreach name="goods" item="goo"}  
{if condition="$cat['id']==$goo['cate_id']"}
<div class="uid{$cat['id']}">
      <div class="am-u-sm-3 am-u-md-2 text-three big display" style="border:1px solid #EEEEEE;float:left;"> 
       <div class="outer-con "> 
        <div class="title " style="font-size:20px;">
          {$goo['name']} 
        </div><br> 
        <div class="sub-title " style="font-size:15px;color:#E71939;">
          &yen; {$goo['price']}.00 
        </div> 
        <a href="/goodsinfo/index/id/{$goo['id']}"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></a>  
       </div> 
       <a href="/goodsinfo/index/id/{$goo['id']}"><img src="/uploads/{$goo['pic']}" style="width:196px;height:196px;"/></a> 
      </div>
</div> 
{/if} 
   {/foreach} 
     </div>  
     <div class="clear "></div>
    </div>
{/if} 
{/foreach}
<script>
  // $(".catss").mouseover(function(){
  //   //获取一级分类id
  //   cid=$(this).attr('cid');
  //   name=$(this).attr('name');
  //   $.get("/home/index",{cid:cid},function(data){
  //     // alert(data);
  //     //清空子元素
  //     $(".uid"+name).children().remove();
  //     for(var i=0;i<data.length;i++){
  //       $(".display").find(".title").html(data[i].pname);
  //       $(".display").find(".sub-title").html("&yen;"+data[i].price+".00");
  //       div=$(".display").html();

  //       $(".uid"+name).append(div);
  //     }
  //   },'json');
  // });

</script> 
  <!--引导 --> 
  <div class="navCir"> 
   <li class="active"><a href="home.html"><i class="am-icon-home "></i>首页</a></li> 
   <li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li> 
   <li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li> 
   <li><a href="/static/home/person/index.html"><i class="am-icon-user"></i>我的</a></li> 
  </div> 
  <!--菜单 --> 
  <div class="tip"> 
   <div id="sidebar"> 
    <div id="wrap"> 
     <div id="prof" class="item "> 
      <a href="# "> <span class="setting "></span> </a>

      <div class="ibar_login_box status_login "> 
       {if condition="$Think.session.tel==null"}
       <div class="avatar_box "> 
        <p class="avatar_imgbox "><img src="/static/home/images/getAvatar.do.jpg " /></p>
        <ul class="user_info ">
        <li>&nbsp;</li> 
         <li>请登录或注册本网站 !</li> 
        </ul> 
       </div> 
       <div class="login_btnbox "> 
        <div class="member-logout"> 
         <a class="am-btn-warning btn" href="/homelogin/login">登录</a> 
         <a class="am-btn-warning btn" href="/homeregister/register">注册</a> 
        </div>
       </div>
       {else /}
        <div class="avatar_box "> 
        <p class="avatar_imgbox "><img src="/static/home/images/getAvatar.do.jpg " /></p>
        <ul class="user_info ">
          <li>&nbsp;</li> 
          <li>欢迎{$Think.session.tel}光临本网站</li>
        </ul>
        </div> 
        <div class="login_btnbox "> 
          <div class="member-logout"> 
            <a class="am-btn-warning btn" href="/homelogin/loginout">退出登录</a>
          </div>
        </div>
        {/if} 
       <i class="icon_arrow_white "></i> 
      </div> 
      <!-- <div class="ibar_login_box status_login "> 
       <div class="avatar_box "> 
        <p class="avatar_imgbox "><img src="/static/home/images/no-img_mid_.jpg " /></p> 
        <ul class="user_info "> 
         <li>用户名sl1903</li> 
         <li>级&nbsp;别普通会员</li> 
        </ul> 
       </div> 
       <div class="login_btnbox "> 
        <a href="# " class="login_order ">我的订单</a> 
        <a href="# " class="login_favorite ">我的收藏</a> 
       </div> 
       <i class="icon_arrow_white "></i> 
      </div>  -->
     </div> 
     <div id="shopCart " class="item "> 
      <a href="# "> <span class="message "></span> </a> 
      <p> 购物车 </p> 
      <p class="cart_num ">0</p> 
     </div> 
     <div id="asset " class="item "> 
      <a href="# "> <span class="view "></span> </a> 
      <div class="mp_tooltip ">
        我的资产 
       <i class="icon_arrow_right_black "></i> 
      </div> 
     </div> 
     <div id="foot " class="item "> 
      <a href="# "> <span class="zuji "></span> </a> 
      <div class="mp_tooltip ">
        我的足迹 
       <i class="icon_arrow_right_black "></i> 
      </div> 
     </div> 
     <div id="brand " class="item "> 
      <a href="#"> <span class="wdsc "><img src="/static/home/images/wdsc.png " /></span> </a> 
      <div class="mp_tooltip ">
        我的收藏 
       <i class="icon_arrow_right_black "></i> 
      </div> 
     </div> 
     <div id="broadcast " class="item "> 
      <a href="# "> <span class="chongzhi "><img src="/static/home/images/chongzhi.png " /></span> </a> 
      <div class="mp_tooltip ">
        我要充值 
       <i class="icon_arrow_right_black "></i> 
      </div> 
     </div> 
     <div class="quick_toggle "> 
      <li class="qtitem "> <a href="# "><span class="kfzx "></span></a> 
       <div class="mp_tooltip ">
        客服中心
        <i class="icon_arrow_right_black "></i>
       </div> </li> 
      <!--二维码 --> 
      <li class="qtitem "> <a href="#none "><span class="mpbtn_qrcode "></span></a> 
       <div class="mp_qrcode " style="display:none; ">
        <img src="/static/home/images/weixin_code_145.png " />
        <i class="icon_arrow_white "></i>
       </div> </li> 
      <li class="qtitem "> <a href="#top " class="return_top "><span class="top "></span></a> </li> 
     </div> 
     <!--回到顶部 --> 
     <div id="quick_links_pop " class="quick_links_pop hide "></div> 
    </div> 
   </div> 
   <div id="prof-content " class="nav-content "> 
    <div class="nav-con-close "> 
     <i class="am-icon-angle-right am-icon-fw "></i> 
    </div> 
    <div>
      我 
    </div> 
   </div> 
   <div id="shopCart-content " class="nav-content "> 
    <div class="nav-con-close "> 
     <i class="am-icon-angle-right am-icon-fw "></i> 
    </div> 
    <div>
      购物车 
    </div> 
   </div> 
   <div id="asset-content " class="nav-content "> 
    <div class="nav-con-close "> 
     <i class="am-icon-angle-right am-icon-fw "></i> 
    </div> 
    <div>
      资产 
    </div> 
    <div class="ia-head-list "> 
     <a href="# " target="_blank " class="pl "> 
      <div class="num ">
       0
      </div> 
      <div class="text ">
       优惠券
      </div> </a> 
     <a href="# " target="_blank " class="pl "> 
      <div class="num ">
       0
      </div> 
      <div class="text ">
       红包
      </div> </a> 
     <a href="# " target="_blank " class="pl money "> 
      <div class="num ">
       ￥0
      </div> 
      <div class="text ">
       余额
      </div> </a> 
    </div> 
   </div> 
   <div id="foot-content " class="nav-content "> 
    <div class="nav-con-close "> 
     <i class="am-icon-angle-right am-icon-fw "></i> 
    </div> 
    <div>
      足迹 
    </div> 
   </div> 
   <div id="brand-content " class="nav-content "> 
    <div class="nav-con-close "> 
     <i class="am-icon-angle-right am-icon-fw "></i> 
    </div> 
    <div>
      收藏 
    </div> 
   </div> 
   <div id="broadcast-content " class="nav-content "> 
    <div class="nav-con-close "> 
     <i class="am-icon-angle-right am-icon-fw "></i> 
    </div> 
    <div>
      充值 
    </div> 
   </div> 
  </div> 
  <script>
			window.jQuery || document.write('<script src="basic/js/jquery.min.js "><\/script>');
		</script> 
  <script type="text/javascript " src="/static/home/basic/js/quick_links.js "></script>  
{/block}